<template>
  <div class="content">
    <p>这是一个示例组件。</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      theme: {
        primaryColor: '#ff0000'
      }
    }
  }
}
</script>

<style scoped>
.content {
  width: 500px;
  height: 500px;
  text-align: center;
  vertical-align: middle;
  --primary-color: v-bind('theme.primaryColor'); /* Vue 3.2+ 支持 */
  color: var(--primary-color);
}
</style>
